<template>
	<div class="choose">
		<slot name="one">
			<div class="title">
				<router-link to="">
					<img src="../../public/arrow_left.png" alt="">
				</router-link>
				<p class="users">选择地址</p>
			</div>
			<router-link to="add">
				<div class="new">
					<img src="../js/img/add.png" alt="">
					<span>新增收货地址</span>
				</div>
			</router-link>
			
		</slot>
	</div>
</template>

<script>
</script>

<style scoped>
	.choose{
		width: 320px;
		height: 568px;
		background-color: #FFFFFF;
	}
	.title {
		width: 320px;
		height: 39px;
		background-color: #007AFF;
		line-height: 39px;
		text-align: center;
	}
	.title img {
		width: 30px;
		height: 35px;
		float: left;
		margin-left: 10px;
		margin-top: 5px;
	}
	.users {
		font-size: 16px;
		color: white;
	}
	.new{
		width: 320px;
		height: 50px;
		background-color: #FFFFFF;
		position: fixed;
		bottom: 0;
		left: 0;
		line-height: 50px;
		 text-align: center; 
		display: flex;
		/* justify-content: center;
		align-items: center; */
	}
	.new img{
		width: 24px;
		height: 24px;
		margin-top: 10px;
		margin-left: 100px;
	}
	.new span{
		color: #3190E8;
		font-size: 14px;
		margin-left: 5px;
	}
</style>
